$(function () {
    var tv;
    $.ajax({ //ajax  获取json的值
        url: "js/json4.json",
        type: "GET",
        async: false,
        success: function (json) {
            //执行成功毁掉函数
            tv = json;
        }
    })
    var tvshow = tv.list;
    var span = $("<span/>");
    $(span).appendTo($(".tv1"));
    $(span).css({
        width: "1250px",
        margin: "0 auto",
        display: "block",
        height: "210px",
        "z-index": "2",



    });
    var tvul = $("<ul/>");
    $(tvul).appendTo($(span))
    $(tvshow).each(function (index, tele) {
        var tvli = $("<li/>");
        $(tvli).appendTo($(tvul));
        $(tvli).css({
            width: "250px",
            height: "180px  ",
            float: "left",
            "text-align": "center"
        })
        var tvimg = $("<img>");
        tvimg.appendTo(tvli);
        tvimg.attr({
            "src": "img/" + tele.img
        })
        tvimg.css({
            background: "cover",
            width: "200px",
            height: "130px"
        })
        var a = $("<a/>")
        a.appendTo(tvli)
        a.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "text-align": "center",
            "color": "#686162"
        })
        a.html(tele.title)
        var p = $("<p/>")
        p.appendTo(tvli)
        p.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "text-align": "center",
            "color": "red"
        })
        p.html(tele.price)
    })
    // 手机json

    var pho;
    $.ajax({ //ajax  获取json的值
        url: "js/json1.json",
        type: "GET",
        async: false,
        success: function (json1) {
            //执行成功毁掉函数
            pho = json1;
        }
    })
    var phone = pho.phone;
    var span1 = $("<span/>");
    $(span1).appendTo($(".phone1"));
    $(span1).css({
        width: "1250px",
        margin: "0 auto",
        display: "block",
        height: "210px",

    });
    var phoul = $("<ul/>");
    $(phoul).appendTo($(span1))
    $(phone).each(function (index, phone) {
        var pholi = $("<li/>");
        $(pholi).appendTo($(phoul));
        $(pholi).css({
            width: "250px",
            height: "180px  ",
            float: "left",
            "text-align": "center"
        })
        var phoimg = $("<img>");
        phoimg.appendTo(pholi);
        phoimg.attr({
            "src": "img/" + phone.img
        })
        phoimg.css({
            background: "cover",
            width: "200px",
            height: "130px",
        })
        var phoa = $("<a/>")
        phoa.appendTo(pholi)
        phoa.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "#686162"
        })
        phoa.html(phone.title)
        var phop = $("<p/>")
        phop.appendTo(pholi)
        phop.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "red"
        })
        phop.html(phone.price)
    })
    // 空调
    var kongtiao;
    $.ajax({ //ajax  获取json的值
        url: "js/json2.json",
        type: "GET",
        async: false,
        success: function (json2) {
            //执行成功毁掉函数
            kongtiao = json2;
        }
    })
    var kongt = kongtiao.kong;
    var span2 = $("<span/>");
    $(span2).appendTo($(".kongtiao1"));
    $(span2).css({
        width: "1250px",
        margin: "0 auto",
        display: "block",
        height: "210px",

    });
    var kul = $("<ul/>");
    $(kul).appendTo($(span2))
    $(kongt).each(function (index, kt) {
        var kli = $("<li/>");
        $(kli).appendTo($(kul));
        $(kli).css({
            width: "250px",
            height: "180px  ",
            float: "left",
            "text-align": "center",
        })
        var kimg = $("<img>");
        kimg.appendTo(kli);
        kimg.attr({
            "src": "img/" + kt.img
        })
        kimg.css({
            background: "cover",
            width: "200px",
            height: "130px"
        })
        var ka = $("<a/>")
        ka.appendTo(kli)
        ka.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "#686162"
        })
        ka.html(kt.title)
        var kp = $("<p/>")
        kp.appendTo(kli)
        kp.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "red"
        })
        kp.html(kt.price)
    })
    // 冰箱
    var bing;
    $.ajax({ //ajax  获取json的值
        url: "js/json3.json",
        type: "GET",
        async: false,
        success: function (json3) {
            //执行成功毁掉函数
            bing = json3;
        }
    })
    var bingxiang = bing.bx;
    var span3 = $("<span/>");
    $(span3).appendTo($(".bingx1"));
    $(span3).css({
        width: "1250px",
        margin: "0 auto",
        display: "block",
        height: "210px",

    });
    var bxul = $("<ul/>");
    $(bxul).appendTo($(span3))
    $(bingxiang).each(function (index, bx) {
        var bxli = $("<li/>");
        $(bxli).appendTo($(bxul));
        $(bxli).css({
            width: "250px",
            height: "180px  ",
            float: "left",
            "text-align": "center",
        })
        var bximg = $("<img>");
        bximg.appendTo(bxli);
        bximg.attr({
            "src": "img/" + bx.img
        })
        bximg.css({
            background: "cover",
            width: "200px",
            height: "130px"
        })
        var bxa = $("<a/>")
        bxa.appendTo(bxli)
        bxa.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "#686162",
            "text-align": "center"
        })
        bxa.html(bx.title)
        var bxp = $("<p/>")
        bxp.appendTo(bxli)
        bxp.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "red"
        })
        bxp.html(bx.price)
    })
    //洗衣机
    var xiyi;
    $.ajax({ //ajax  获取json的值
        url: "js/json5.json",
        type: "GET",
        async: false,
        success: function (json4) {
            //执行成功毁掉函数
            xiyij = json4;
        }
    })
    var xiyiji = xiyij.xy;
    var span4 = $("<span/>");
    $(span4).appendTo($(".xiyiji1"));
    $(span4).css({
        width: "1250px",
        margin: "0 auto",
        display: "block",
        height: "210px",

    });
    var xykul = $("<ul/>");
    $(xykul).appendTo($(span4))
    $(xiyiji).each(function (index, xy) {
        var xykli = $("<li/>");
        $(xykli).appendTo($(xykul));
        $(xykli).css({
            width: "250px",
            height: "180px  ",
            float: "left",
            "text-align": "center",
        })
        var xykimg = $("<img>");
        xykimg.appendTo(xykli);
        xykimg.attr({
            "src": "img/" + xy.img
        })
        xykimg.css({
            background: "cover",
            width: "200px",
            height: "130px"
        })
        var xyka = $("<a/>")
        xyka.appendTo(xykli)
        xyka.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "#686162"
        })
        xyka.html(xy.title)
        var xykp = $("<p/>")
        xykp.appendTo(xykli)
        xykp.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "red"
        })
        xykp.html(xy.price)
    })
    // 健康
    var jiankang;
    $.ajax({ //ajax  获取json的值
        url: "js/json6.json",
        type: "GET",
        async: false,
        success: function (json5) {
            //执行成功毁掉函数
            jkang = json5;
        }
    })
    var jiank = jkang.jk;
    var span5 = $("<span/>");
    $(span5).appendTo($(".nice1"));
    $(span5).css({
        width: "1250px",
        margin: "0 auto",
        display: "block",
        height: "210px",

    });
    var jkul = $("<ul/>");
    $(jkul).appendTo($(span5))
    $(jiank).each(function (index, jik) {
        var jkli = $("<li/>");
        $(jkli).appendTo($(jkul));
        $(jkli).css({
            width: "250px",
            height: "180px  ",
            float: "left",
            "text-align": "center",
        })
        var jkimg = $("<img>");
        jkimg.appendTo(jkli);
        jkimg.attr({
            "src": "img/" + jik.img
        })
        jkimg.css({
            background: "cover",
            width: "200px",
            height: "130px"
        })
        var jka = $("<a/>")
        jka.appendTo(jkli)
        jka.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "#686162"
        })
        jka.html(jik.title)
        var jkp = $("<p/>")
        jkp.appendTo(jkli)
        jkp.css({
            display: "block",
            width: "250px",
            "font-size": "12px",
            "color": "red"
        })
        jkp.html(jik.price)
    })
    // 下来菜单
    var lei;
    $.ajax({ //ajax  获取json的值
        url: "js/json7.json",
        type: "GET",
        async: false,
        success: function (json7) {
            //执行成功毁掉函数
            lei = json7;
        }
    })
    var leim = lei.list;
    var leiul = $("<ul/>");
    $(leiul).appendTo($(".leilist div").eq(0));




    $(leim).each(function (index, lm) {
        var leili = $("<li/>");
        $(leili).appendTo($(leiul));
        $(leili).css({
            width: "319px",
            height: "180px  ",
            float: "left",

            "padding-left": "35px",
            "padding-top": "20px"
        })
        var leiimg = $("<img>");
        leiimg.appendTo(leili);
        leiimg.attr({
            "src": "img/" + lm.img
        })
        leiimg.css({
            background: "cover",
            width: "200px",
            height: "130px",
            float: "left",
            cursor: "pointer"
        })
        var leia = $("<a/>")
        leia.appendTo(leili)
        leia.css({
            display: "block",
            "font-size": "12px",
            "color": "#686162",
            float: "left",
            width: "110px",
            height: "80px",
            "padding-top": "8px",
            cursor: "pointer"
        })
        leia.html(lm.title)
        var leip = $("<p/>")
        leip.appendTo(leili)
        leip.css({
            display: "block",
            border: "1px solid red",
            width: "100px",
            "font-size": "12px",
            "color": "red",
            float: "left",
            "text-align": "center",
            cursor: "pointer"
        })
        leip.html(lm.price)
    })
    // 
    var qum;
    $.ajax({ //ajax  获取json的值
        url: "js/json8.json",
        type: "GET",
        async: false,
        success: function (json8) {
            //执行成功毁掉函数
            qum = json8;
        }
    })
    var qumian = qum.list;
    var quul = $("<ul/>");
    $(quul).appendTo($(".leilist div").eq(1));




    $(qumian).each(function (index, qm) {
        var qmli = $("<li/>");
        $(qmli).appendTo($(quul));
        $(qmli).css({
            width: "319px",
            height: "180px  ",
            float: "left",

            "padding-left": "35px",
            "padding-top": "20px"
        })
        var qmimg = $("<img>");
        qmimg.appendTo(qmli);
        qmimg.attr({
            "src": "img/" + qm.img
        })
        qmimg.css({
            background: "cover",
            width: "200px",
            height: "130px",
            float: "left",
            cursor: "pointer"
        })
        var qma = $("<a/>")
        qma.appendTo(qmli)
        qma.css({
            display: "block",
            "font-size": "12px",
            "color": "#686162",
            float: "left",
            width: "110px",
            height: "80px",
            "padding-top": "8px",
            cursor: "pointer"
        })
        qma.html(qm.title)
        var qmp = $("<p/>")
        qmp.appendTo(qmli)
        qmp.css({
            display: "block",
            border: "1px solid red",
            width: "100px",
            "font-size": "12px",
            "color": "red",
            float: "left",
            "text-align": "center",
            cursor: "pointer"
        })
        qmp.html(qm.price)
    })
    // 第三个
    var qum;
    $.ajax({ //ajax  获取json的值
        url: "js/json7.json",
        type: "GET",
        async: false,
        success: function (json8) {
            //执行成功毁掉函数
            qum = json8;
        }
    })
    var qumian = qum.list;
    var quul = $("<ul/>");
    $(quul).appendTo($(".leilist div").eq(2));




    $(qumian).each(function (index, qm) {
        var qmli = $("<li/>");
        $(qmli).appendTo($(quul));
        $(qmli).css({
            width: "319px",
            height: "180px  ",
            float: "left",

            "padding-left": "35px",
            "padding-top": "20px"
        })
        var qmimg = $("<img>");
        qmimg.appendTo(qmli);
        qmimg.attr({
            "src": "img/" + qm.img
        })
        qmimg.css({
            background: "cover",
            width: "200px",
            height: "130px",
            float: "left",
            cursor: "pointer"
        })
        var qma = $("<a/>")
        qma.appendTo(qmli)
        qma.css({
            display: "block",
            "font-size": "12px",
            "color": "#686162",
            float: "left",
            width: "110px",
            height: "80px",
            "padding-top": "8px",
            cursor: "pointer"
        })
        qma.html(qm.title)
        var qmp = $("<p/>")
        qmp.appendTo(qmli)
        qmp.css({
            display: "block",
            border: "1px solid red",
            width: "100px",
            "font-size": "12px",
            "color": "red",
            float: "left",
            "text-align": "center",
            cursor: "pointer"
        })
        qmp.html(qm.price)
    })

    var qum;
    $.ajax({ //ajax  获取json的值
        url: "js/json8.json",
        type: "GET",
        async: false,
        success: function (json8) {
            //执行成功毁掉函数
            qum = json8;
        }
    })
    var qumian = qum.list;
    var quul = $("<ul/>");
    $(quul).appendTo($(".leilist div").eq(3));




    $(qumian).each(function (index, qm) {
        var qmli = $("<li/>");
        $(qmli).appendTo($(quul));
        $(qmli).css({
            width: "319px",
            height: "180px  ",
            float: "left",

            "padding-left": "35px",
            "padding-top": "20px"
        })
        var qmimg = $("<img>");
        qmimg.appendTo(qmli);
        qmimg.attr({
            "src": "img/" + qm.img
        })
        qmimg.css({
            background: "cover",
            width: "200px",
            height: "130px",
            float: "left",
            cursor: "pointer"
        })
        var qma = $("<a/>")
        qma.appendTo(qmli)
        qma.css({
            display: "block",
            "font-size": "12px",
            "color": "#686162",
            float: "left",
            width: "110px",
            height: "80px",
            "padding-top": "8px",
            cursor: "pointer"
        })
        qma.html(qm.title)
        var qmp = $("<p/>")
        qmp.appendTo(qmli)
        qmp.css({
            display: "block",
            border: "1px solid red",
            width: "100px",
            "font-size": "12px",
            "color": "red",
            float: "left",
            "text-align": "center",
            cursor: "pointer"
        })
        qmp.html(qm.price)
    })
    // 第无个
    var qum;
    $.ajax({ //ajax  获取json的值
        url: "js/json7.json",
        type: "GET",
        async: false,
        success: function (json8) {
            //执行成功毁掉函数
            qum = json8;
        }
    })
    var qumian = qum.list;
    var quul = $("<ul/>");
    $(quul).appendTo($(".leilist div").eq(4));




    $(qumian).each(function (index, qm) {
        var qmli = $("<li/>");
        $(qmli).appendTo($(quul));
        $(qmli).css({
            width: "319px",
            height: "180px  ",
            float: "left",

            "padding-left": "35px",
            "padding-top": "20px"
        })
        var qmimg = $("<img>");
        qmimg.appendTo(qmli);
        qmimg.attr({
            "src": "img/" + qm.img
        })
        qmimg.css({
            background: "cover",
            width: "200px",
            height: "130px",
            float: "left",
            cursor: "pointer"
        })
        var qma = $("<a/>")
        qma.appendTo(qmli)
        qma.css({
            display: "block",
            "font-size": "12px",
            "color": "#686162",
            float: "left",
            width: "110px",
            height: "80px",
            "padding-top": "8px",
            cursor: "pointer"
        })
        qma.html(qm.title)
        var qmp = $("<p/>")
        qmp.appendTo(qmli)
        qmp.css({
            display: "block",
            border: "1px solid red",
            width: "100px",
            "font-size": "12px",
            "color": "red",
            float: "left",
            "text-align": "center",
            cursor: "pointer"
        })
        qmp.html(qm.price)
    })
    // 第六个
    var qum;
    $.ajax({ //ajax  获取json的值
        url: "js/json8.json",
        type: "GET",
        async: false,
        success: function (json8) {
            //执行成功毁掉函数
            qum = json8;
        }
    })
    var qumian = qum.list;
    var quul = $("<ul/>");
    $(quul).appendTo($(".leilist div").eq(5));




    $(qumian).each(function (index, qm) {
        var qmli = $("<li/>");
        $(qmli).appendTo($(quul));
        $(qmli).css({
            width: "319px",
            height: "180px  ",
            float: "left",

            "padding-left": "35px",
            "padding-top": "20px"
        })
        var qmimg = $("<img>");
        qmimg.appendTo(qmli);
        qmimg.attr({
            "src": "img/" + qm.img
        })
        qmimg.css({
            background: "cover",
            width: "200px",
            height: "130px",
            float: "left",
            cursor: "pointer"
        })
        var qma = $("<a/>")
        qma.appendTo(qmli)
        qma.css({
            display: "block",
            "font-size": "12px",
            "color": "#686162",
            float: "left",
            width: "110px",
            height: "80px",
            "padding-top": "8px",
            cursor: "pointer"
        })
        qma.html(qm.title)
        var qmp = $("<p/>")
        qmp.appendTo(qmli)
        qmp.css({
            display: "block",
            border: "1px solid red",
            width: "100px",
            "font-size": "12px",
            "color": "red",
            float: "left",
            "text-align": "center",
            cursor: "pointer"
        })
        qmp.html(qm.price)
    })
    // 最后yi9ge
    var qum;
    $.ajax({ //ajax  获取json的值
        url: "js/json8.json",
        type: "GET",
        async: false,
        success: function (json8) {
            //执行成功毁掉函数
            qum = json8;
        }
    })
    var qumian = qum.list;
    var quul = $("<ul/>");
    $(quul).appendTo($(".leilist div").eq(6));




    $(qumian).each(function (index, qm) {
        var qmli = $("<li/>");
        $(qmli).appendTo($(quul));
        $(qmli).css({
            width: "319px",
            height: "180px  ",
            float: "left",

            "padding-left": "35px",
            "padding-top": "20px"
        })
        var qmimg = $("<img>");
        qmimg.appendTo(qmli);
        qmimg.attr({
            "src": "img/" + qm.img
        })
        qmimg.css({
            background: "cover",
            width: "200px",
            height: "130px",
            float: "left",
            cursor: "pointer"
        })
        var qma = $("<a/>")
        qma.appendTo(qmli)
        qma.css({
            display: "block",
            "font-size": "12px",
            "color": "#686162",
            float: "left",
            width: "110px",
            height: "80px",
            "padding-top": "8px",
            cursor: "pointer"
        })
        qma.html(qm.title)
        var qmp = $("<p/>")
        qmp.appendTo(qmli)
        qmp.css({
            display: "block",
            border: "1px solid red",
            width: "100px",
            "font-size": "12px",
            "color": "red",
            float: "left",
            "text-align": "center",
            cursor: "pointer"
        })
        qmp.html(qm.price)
    })





    // 列表json
    var tvl;
    $.ajax({ //ajax  获取json的值
        url: "js/list1.json",
        type: "GET",
        async: false,
        success: function (alist1) {
            //执行成功毁掉函数
            tvl = alist1;
        }
    })
    var tvlist = tvl.list;
    var tvdiv = $("<div/>");
    tvdiv.css({
        background: "rgb(238, 238, 238)",
        width: "925px",
        height: "614px",
        float: "left"
    })
    tvdiv.appendTo($(".tvlist1"))
    $(tvlist).each(function (index, tvl1) {
        var tvspan = $("<span/>");
        tvspan.css({
            display: "block",
            height: "300px",
            width: "291px",
            margin: "10px 0px 5px 12px",
            background: "#fff",
            float: "left",
            "text-align": "center",
            position: "relative",
        })
        tvspan.appendTo(tvdiv)
        var tvlimg = $("<img/>")
        tvlimg.attr({
            "src": "img/" + tvl1.img
        })
        tvlimg.appendTo(tvspan)
        var tvlla = $("<a/>")
        tvlla.html(tvl1.title)
        tvlla.css({
            "text-align": "center",
            width: "300px",

            "font-size": "13px"
        })
        tvlla.appendTo(tvspan)
        var tvla = $("<a/>")
        tvla.css({
            width: "200px",
            "padding-left": "45px",
            color: "#cecece",
            "font-size": "12px",
            paddingBottom: "5px"
        })
        tvla.html(tvl1.txt)
        tvla.appendTo(tvspan)
        var tvlp = $("<p/>")
        tvlp.html(tvl1.price)
        tvlp.css({
            color: "red",
            "font-weight": "bolder",
            fontSize: "14px"

        })
        tvlp.appendTo(tvspan)
        tvspan.on("mouseover", function () {
            $(this).stop().animate({

                top: -20,


            }, 300).siblings().stop().animate({
                top: 0,
            }, 300)

            $(this).css({
                boxShadow: "0px 0px 10px #000"
            }).siblings().css({
                boxShadow: "0 0 0 0"
            })
        })
        tvspan.on("mouseout", function () {
            $(this).stop().animate({
                top: 0,
            }).css({
                boxShadow: "0 0 0 0"
            })
        })
    })
    //  冰箱
    var bsl;
    $.ajax({ //ajax  获取json的值
        url: "js/list2.json",
        type: "GET",
        async: false,
        success: function (alist2) {
            //执行成功毁掉函数
            bsl = alist2;
        }
    })
    var bsllist = bsl.list;
    var bsdiv = $("<div/>");
    bsdiv.css({
        background: "rgb(238, 238, 238)",
        width: "925px",
        height: "614px",
        float: "left"
    })
    bsdiv.appendTo($(".bingxianglist1"))
    $(bsllist).each(function (index, bsl1) {
        var bsspan = $("<span/>");
        bsspan.css({
            display: "block",
            height: "300px",
            width: "291px",
            margin: "10px 0px 5px 12px",
            background: "#fff",
            float: "left",
            "text-align": "center",
            position: "relative",
        })
        bsspan.appendTo(bsdiv)
        var bslimg = $("<img/>")
        bslimg.attr({
            "src": "img/" + bsl1.img
        })
        bslimg.appendTo(bsspan)
        var bslla = $("<a/>")
        bslla.html(bsl1.title)
        bslla.css({
            "text-align": "center",
            width: "300px",

            "font-size": "13px"
        })
        bslla.appendTo(bsspan)
        var bsla = $("<a/>")
        bsla.css({
            width: "200px",
            "padding-left": "45px",
            color: "#cecece",
            "font-size": "12px",
            paddingBottom: "5px"
        })
        bsla.html(bsl1.txt)
        bsla.appendTo(bsspan)
        var bslp = $("<p/>")
        bslp.html(bsl1.price)
        bslp.css({
            color: "red",
            "font-weight": "bolder",
            fontSize: "14px"

        })
        bslp.appendTo(bsspan)
        bsspan.on("mouseover", function () {
            $(this).stop().animate({

                top: -20,


            }, 300).siblings().stop().animate({
                top: 0,
            }, 300)

            $(this).css({
                boxShadow: "0px 0px 10px #000"
            }).siblings().css({
                boxShadow: "0 0 0 0"
            })
        })
        bsspan.on("mouseout", function () {
            $(this).stop().animate({
                top: 0,
            }).css({
                boxShadow: "0 0 0 0"
            })
        })
    })
    // 洗衣机
    var bsl;
    $.ajax({ //ajax  获取json的值
        url: "js/list3.json",
        type: "GET",
        async: false,
        success: function (alist2) {
            //执行成功毁掉函数
            bsl = alist2;
        }
    })
    var bsllist = bsl.list;
    var bsdiv = $("<div/>");
    bsdiv.css({
        background: "rgb(238, 238, 238)",
        width: "925px",
        height: "614px",
        float: "left"
    })
    bsdiv.appendTo($(".xiyilist1"))
    $(bsllist).each(function (index, bsl1) {
        var bsspan = $("<span/>");
        bsspan.css({
            display: "block",
            height: "300px",
            width: "291px",
            margin: "10px 0px 5px 12px",
            background: "#fff",
            float: "left",
            "text-align": "center",
            position: "relative",
        })
        bsspan.appendTo(bsdiv)
        var bslimg = $("<img/>")
        bslimg.attr({
            "src": "img/" + bsl1.img
        })
        bslimg.appendTo(bsspan)
        var bslla = $("<a/>")
        bslla.html(bsl1.title)
        bslla.css({
            "text-align": "center",
            width: "300px",

            "font-size": "13px"
        })
        bslla.appendTo(bsspan)
        var bsla = $("<a/>")
        bsla.css({
            width: "200px",
            "padding-left": "45px",
            color: "#cecece",
            "font-size": "12px",
            paddingBottom: "5px"
        })
        bsla.html(bsl1.txt)
        bsla.appendTo(bsspan)
        var bslp = $("<p/>")
        bslp.html(bsl1.price)
        bslp.css({
            color: "red",
            "font-weight": "bolder",
            fontSize: "14px"

        })
        bslp.appendTo(bsspan)
        bsspan.on("mouseover", function () {
            $(this).stop().animate({

                top: -20,


            }, 300).siblings().stop().animate({
                top: 0,
            }, 300)

            $(this).css({
                boxShadow: "0px 0px 10px #000"
            }).siblings().css({
                boxShadow: "0 0 0 0"
            })
        })
        bsspan.on("mouseout", function () {
            $(this).stop().animate({
                top: 0,
            }).css({
                boxShadow: "0 0 0 0"
            })
        })
    })
    // 空调
    var bsl;
    $.ajax({ //ajax  获取json的值
        url: "js/list4.json",
        type: "GET",
        async: false,
        success: function (alist2) {
            //执行成功毁掉函数
            bsl = alist2;
        }
    })
    var bsllist = bsl.list;
    var bsdiv = $("<div/>");
    bsdiv.css({
        background: "rgb(238, 238, 238)",
        width: "925px",
        height: "614px",
        float: "left"
    })
    bsdiv.appendTo($(".kongtiaolist1"))
    $(bsllist).each(function (index, bsl1) {
        var bsspan = $("<span/>");
        bsspan.css({
            display: "block",
            height: "300px",
            width: "291px",
            margin: "10px 0px 5px 12px",
            background: "#fff",
            float: "left",
            "text-align": "center",
            position: "relative",
        })
        bsspan.appendTo(bsdiv)
        var bslimg = $("<img/>")
        bslimg.attr({
            "src": "img/" + bsl1.img
        })
        bslimg.appendTo(bsspan)
        var bslla = $("<a/>")
        bslla.html(bsl1.title)
        bslla.css({
            "text-align": "center",
            width: "300px",

            "font-size": "13px"
        })
        bslla.appendTo(bsspan)
        var bsla = $("<a/>")
        bsla.css({
            width: "200px",
            "padding-left": "45px",
            color: "#cecece",
            "font-size": "12px",
            paddingBottom: "5px"
        })
        bsla.html(bsl1.txt)
        bsla.appendTo(bsspan)
        var bslp = $("<p/>")
        bslp.html(bsl1.price)
        bslp.css({
            color: "red",
            "font-weight": "bolder",
            fontSize: "14px"

        })
        bslp.appendTo(bsspan)
        bsspan.on("mouseover", function () {
            $(this).stop().animate({

                top: -20,


            }, 300).siblings().stop().animate({
                top: 0,
            }, 300)

            $(this).css({
                boxShadow: "0px 0px 10px #000"
            }).siblings().css({
                boxShadow: "0 0 0 0"
            })
        })
        bsspan.on("mouseout", function () {
            $(this).stop().animate({
                top: 0,
            }).css({
                boxShadow: "0 0 0 0"
            })
        })
    })

    // 健康用品
    var bsl;
    $.ajax({ //ajax  获取json的值
        url: "js/list5.json",
        type: "GET",
        async: false,
        success: function (alist2) {
            //执行成功毁掉函数
            bsl = alist2;
        }
    })
    var bsllist = bsl.list;
    var bsdiv = $("<div/>");
    bsdiv.css({
        background: "rgb(238, 238, 238)",
        width: "925px",
        height: "614px",
        float: "left"
    })
    bsdiv.appendTo($(".yongpinlist1"))
    $(bsllist).each(function (index, bsl1) {
        var bsspan = $("<span/>");
        bsspan.css({
            display: "block",
            height: "300px",
            width: "291px",
            margin: "10px 0px 5px 12px",
            background: "#fff",
            float: "left",
            "text-align": "center",
            position: "relative",
        })
        bsspan.appendTo(bsdiv)
        var bslimg = $("<img/>")
        bslimg.attr({
            "src": "img/" + bsl1.img
        })
        bslimg.appendTo(bsspan)
        var bslla = $("<a/>")
        bslla.html(bsl1.title)
        bslla.css({
            "text-align": "center",
            width: "300px",

            "font-size": "13px"
        })
        bslla.appendTo(bsspan)
        var bsla = $("<a/>")
        bsla.css({
            width: "200px",
            "padding-left": "45px",
            color: "#cecece",
            "font-size": "12px",
            paddingBottom: "5px"
        })
        bsla.html(bsl1.txt)
        bsla.appendTo(bsspan)
        var bslp = $("<p/>")
        bslp.html(bsl1.price)
        bslp.css({
            color: "red",
            "font-weight": "bolder",
            fontSize: "14px"

        })
        bslp.appendTo(bsspan)
        bsspan.on("mouseover", function () {
            $(this).stop().animate({

                top: -20,


            }, 300).siblings().stop().animate({
                top: 0,
            }, 300)

            $(this).css({
                boxShadow: "0px 0px 10px #000"
            }).siblings().css({
                boxShadow: "0 0 0 0"
            })
        })
        bsspan.on("mouseout", function () {
            $(this).stop().animate({
                top: 0,
            }).css({
                boxShadow: "0 0 0 0"
            })
        })
    })
    // 手机
    var bsl;
    $.ajax({ //ajax  获取json的值
        url: "js/list6.json",
        type: "GET",
        async: false,
        success: function (alist2) {
            //执行成功毁掉函数
            bsl = alist2;
        }
    })
    var bsllist = bsl.list;
    var bsdiv = $("<div/>");
    bsdiv.css({
        background: "rgb(238, 238, 238)",
        width: "925px",
        height: "614px",
        float: "left"
    })
    bsdiv.appendTo($(".phonelist1"))
    $(bsllist).each(function (index, bsl1) {
        var bsspan = $("<span/>");
        bsspan.css({
            display: "block",
            height: "300px",
            width: "291px",
            margin: "10px 0px 5px 12px",
            background: "#fff",
            float: "left",
            "text-align": "center",
            position: "relative",
        })
        bsspan.appendTo(bsdiv)
        var bslimg = $("<img/>")
        bslimg.attr({
            "src": "img/" + bsl1.img
        })
        bslimg.appendTo(bsspan)
        var bslla = $("<a/>")
        bslla.html(bsl1.title)
        bslla.css({
            "text-align": "center",
            width: "300px",

            "font-size": "13px"
        })
        bslla.appendTo(bsspan)
        var bsla = $("<a/>")
        bsla.css({
            width: "200px",
            "padding-left": "45px",
            color: "#cecece",
            "font-size": "12px",
            paddingBottom: "5px"
        })
        bsla.html(bsl1.txt)
        bsla.appendTo(bsspan)
        var bslp = $("<p/>")
        bslp.html(bsl1.price)
        bslp.css({
            color: "red",
            "font-weight": "bolder",
            fontSize: "14px",
            marginTop:"50px"

        })
        bslp.appendTo(bsspan)
        bsspan.on("mouseover", function () {
            $(this).stop().animate({

                top: -20,


            }, 300).siblings().stop().animate({
                top: 0,
            }, 300)

            $(this).css({
                boxShadow: "0px 0px 10px #000"
            }).siblings().css({
                boxShadow: "0 0 0 0"
            })
        })
        bsspan.on("mouseout", function () {
            $(this).stop().animate({
                top: 0,
            }).css({
                boxShadow: "0 0 0 0"
            })
        })
    })
    // 周边
    var bsl;
    $.ajax({ //ajax  获取json的值
        url: "js/list7.json",
        type: "GET",
        async: false,
        success: function (alist2) {
            //执行成功毁掉函数
            bsl = alist2;
        }
    })
    var bsllist = bsl.list;
    var bsdiv = $("<div/>");
    bsdiv.css({
        background: "rgb(238, 238, 238)",
        width: "925px",
        height: "614px",
        float: "left"
    })
    bsdiv.appendTo($(".zhoubian"))
    $(bsllist).each(function (index, bsl1) {
        var bsspan = $("<span/>");
        bsspan.css({
            display: "block",
            height: "300px",
            width: "291px",
            margin: "10px 0px 5px 12px",
            background: "#fff",
            float: "left",
            "text-align": "center",
            position: "relative",
        })
        bsspan.appendTo(bsdiv)
        var bslimg = $("<img/>")
        bslimg.attr({
            "src": "img/" + bsl1.img
        })
        bslimg.appendTo(bsspan)
        var bslla = $("<a/>")
        bslla.html(bsl1.title)
        bslla.css({
            "text-align": "center",
            width: "300px",

            "font-size": "13px"
        })
        bslla.appendTo(bsspan)
        var bsla = $("<a/>")
        bsla.css({
            width: "200px",
            "padding-left": "45px",
            color: "#cecece",
            "font-size": "12px",
            paddingBottom: "5px"
        })
        bsla.html(bsl1.txt)
        bsla.appendTo(bsspan)
        var bslp = $("<p/>")
        bslp.html(bsl1.price)
        bslp.css({
            display:"block",
            color: "red",
            "font-weight": "bolder",
            fontSize: "14px",
            marginTop:"50px"

        })
        bslp.appendTo(bsspan)
        bsspan.on("mouseover", function () {
            $(this).stop().animate({

                top: -20,


            }, 300).siblings().stop().animate({
                top: 0,
            }, 300)

            $(this).css({
                boxShadow: "0px 0px 10px #000"
            }).siblings().css({
                boxShadow: "0 0 0 0"
            })
        })
        bsspan.on("mouseout", function () {
            $(this).stop().animate({
                top: 0,
            }).css({
                boxShadow: "0 0 0 0"
            })
        })
    })

    // LAST
    var bsl;
    $.ajax({ //ajax  获取json的值
        url: "js/last.json",
        type: "GET",
        async: false,
        success: function (alist2) {
            //执行成功毁掉函数
            bsl = alist2;
        }
    })
    var bsk = bsl.list
    $(bsk).each(function (index, last) {
        var lastli = $("<li/>")
        lastli.css({
            float: "left",
            width: "290px",
            marginLeft: "12px",
            overflow: "hidden",
            background: "#f8f8f8",
        })
        lastli.appendTo($(".tclbox ul"))
        var lastimg = $("<img/>")
        lastimg.attr({
            "src": "img/" + last.img
        })
        lastimg.appendTo(lastli)


        var lasta = $("<a/>")
        lasta.html(last.title)
        lasta.appendTo(lastli)
        lasta.css({
            display: "block",
            background: "skyblue",
            fontSize: "12px",
            width: "40px",
            textAlign: "center",
            marginTop: "20px",
            float: "left",
            marginLeft: "40px"
        })
        var lastla = $("<a/>")
        lastla.html(last.price)
        lastla.appendTo(lastli)
        lastla.css({


            fontSize: "12px",

            textAlign: "center",
            marginTop: "20px",
            marginLeft: "15px"
        })
        var lasta1 = $("<a/>")
        lasta1.html(last.a)
        lasta1.appendTo(lastli)
        lasta1.css({
            display: "block",
            width: "200px",
            fontSize: "14px",
            textAlign: "left",
            marginTop: "10px",
            marginLeft: "40px"
        })
        var lasta11 = $("<a/>")
        lasta11.html(last.ck)
        lasta11.appendTo(lastli)
        lasta11.css({
            display: "block",
            width: "200px",
            fontSize: "14px",
            textAlign: "left",
            marginTop: "10px",
            marginLeft: "40px",
            marginBottom: "20px",
            cursor: "pointer"
        })
    })

})